.container {
  width: 100%;
  padding: 8px 16px 0;
  background: white;
  font-size: @font-size-small;
  .et-flex-start();

  .tags {
    flex: 1;
    height: 34px;
    box-sizing: border-box;

    :global {
      .ant-tabs-nav {
        &::before {
          border-bottom: 0 !important;
        }
      }

      .ant-tabs-tab {
        border-radius: 10px 10px 0 0 !important;
        border: 0;
        background-color: transparent;
        margin-left: 0 !important;
        font-size: @font-size-small;
        padding: 8px 16px !important;

        .ant-tabs-tab-remove {
          opacity: 0;
          transition: all 1s;
        }

        .ant-tabs-tab-btn {
          div {
            font-size: @font-size-small !important;
            .et-flex-start();
            .anticon {
              margin-right: 6px;
            }
          }
        }
        .ant-tabs-tab-remove {
          margin-left: 0;
        }
        &:hover {
          background-color: #dee1e6 !important;
          color: @text-color;

          .ant-tabs-tab-remove {
            opacity: 1;
          }
        }

        .title {
          user-select: none;
        }
      }

      .ant-tabs-tab-active {
        background-color: #e8f4ff !important;

        &:hover {
          background-color: #e8f4ff !important;
          color: @primary-color;
        }

        .ant-tabs-tab-remove {
          opacity: 1;
        }
      }
    }
  }
}

:global {
  .ant-tabs-nav-operations {
    display: none !important;
  }
}